<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <title>生成的图片</title>
    <link href="__PUBLIC__/index/css/expense.css" type="text/css" rel="stylesheet"/>
	<script src="__PUBLIC__/home/js/jquery-2.1.1.min.js" type="text/javascript"></script>

    <script src="__PUBLIC__/layer/layer.js" type="text/javascript"></script>
    
	<style>
body{margin:0;padding:0;font-family:"微软雅黑";font-size:14px;}
img{border:0;}
li{list-style:none;}
a{text-decoration:none;color:#666666;}
.clear:after{content:'.';height:0;clear:both;display:block;visibility:hidden;}
.left{float:left;}
h1,p,h3,h4,h5,h6,ul,li,dl,dt,dd,hr,div,p,form,input,font { margin:0; padding:0; font-weight:normal; text-indent:0; list-style-type:none; }
#content1{width:100%;height:220px;position:fixed;top:5%;text-align: center;margin:auto;z-index:3;}
#nav1{width:300px;height:200px;margin:60px auto;z-index:1;position: absolute; top:100px; left: 0; bottom: 100px; right: 0;box-shadow:0px 0px 50px #fff;background:#000;border-radius:10px;}
#nav1 .tixian{width:70%; height:50px;position: absolute;top:20px;left:20%;z-index:1;color:#fff;font-size:16px;}
#nav1 .tixian .money{margin-bottom:20px;}
#nav1 .tixian .money1{margin-bottom:10px;}
#nav1 .reward1{width:100%;height:40px;position: absolute;top:55%;}
#nav1 .reward1 p{width:100%;position: absolute;top:0;font-size:12px;color:#666;}
#nav1 .reward1 a{display:block;width:100%;height:100%;}
#nav1 .reward1 .dashang1{width:30%;height:20px;position: absolute;bottom:0;left:5%;background:none;color:#00CC33;border-radius:10px;float:left;border:1px solid #FFFFFF;}
#nav1 .reward1 .dashang2{width:30%;height:20px;position: absolute;bottom:0;left:38%;border-radius:10px;background:none;color:#fff;float:left;padding-top:2px;}
#nav1 .reward1 .dashang3{width:30%;height:20px;position: absolute;bottom:-20px;left:70%;border-radius:10px;background:none;color:#FF0000;float:left;padding-top:2px;}
.btn{width:90%;margin-left:5%;position:absolute;bottom:0;float:left;}
.btn1{border-color:#0000FF;width:15px;height:15px;position:absolute;top:10%;left:-10px;}
.btn2{border-color:#0000FF;width:15px;height:15px;position:absolute;top:95%;left:-10px;}
.number{border-radius:50%;border:1px solid #fff;font-size:10px;margin-left:5px;height:15px;width:15px;line-height:15px;text-align:center;display:inline-block;}
.desc{font-size:14px;}
.number1{border-radius:10px;border:1px solid #fff;font-size:10px;padding:5px;width:50px;display:inline-block;text-align:left;}
.btn3{width:50px;border-radius:10px;border:1px solid #fff;color:#fff;background:url('__PUBLIC__/home/images/rmb.png') no-repeat;background-size:15px 15px;padding-left:25px;}
.left{width:100%;margin-left:2%;float:left;margin-top:10px;position:absolute;top:45px;}
.left .left_img{width:40px;height:40px;background:#fff;border-radius:50%;margin:auto;display:inline;float:left;margin-left:5px;}
.left .left_img img{width:40px;height:40px;background:#fff;border-radius:50%;margin:auto;display:inline;float:left;}
.set .center{width:40%;margin-left:15%;float:left;}
.set .right{width:30%;margin-left:5%;float:left;}
.set .left1 .left_img1{width:40px;height:40px;background:#fff;border-radius:50%;margin:auto;position:absolute;bottom:5px;z-index:1;margin-left:1%;}
.set .left1 .left_img1 img{width:40px;height:40px;background:#fff;border-radius:50%;margin:auto;}
.set .give1{color:#ccc;text-align:left;font-size:12px;padding-top:2px;}
.set .right{float:left;text-align:right;}
.set .right .give1{color:#ccc;text-align:left;font-size:12px;padding-top:5px;}
.set .right .give2{color:#ccc;text-align:left;font-size:18px;padding-top:5px;}
.gong{position:absolute;right:5px;top:5px;height:60px;line-height:60px;width:60px;background-size:40px 40px;}
</style>
<script>
   
   function qiehuan(i){
   
  // alert(i);
     
	 if(i==1){
	  
	  $('.mohu').css('display','none');
	  $('.qingxi').css('display','block');
	  
	 
	 }else{
	 
	  $('.mohu').css('display','block');
	  $('.qingxi').css('display','none');
	 
	 }
   
   
   }

</script>
</head>
<body>
<div id="content">
    <div class="head">
        <ul>
            <li class="high"><a style="cursor:pointer;" onClick="qiehuan(1)">高清</a></li>
            <li class="low"> <a style="cursor:pointer;"  onclick="qiehuan(2)">模糊</a></li>
        </ul>
    </div>
	


<foreach name="re" item="v">
<div class="images" style="height:400px;overflow:hidden;">
         <img src="__ROOT__/images/{$v.qingxi}" class="qingxi"/>
		 <img src="__ROOT__/images/{$v.mohu}" style="display:none;" class="mohu"/>
		<if condition="$v.isdashang eq 0">
        <p>暂时还没有人给你打赏吆</p>
		<else/>
		<div class="left">
		 <foreach name="v.buyers" item="vv">
	        <div class="left_img"><img src="{$vv.touxiang}" style="cursor:pointer;" onClick="xiangqing({$vv.id},{$v.id})"/></div>
		 </foreach>
		  </div>
		</if>
	
        <div class="set">
		<div class="left1">
			<div class="left_img1 touxiang{$v.id}"><img src="{$v.touxiang}"/></div>
		</div>
		<div class="center">
			<li class="give1 nicheng{$v.id}" >{$v.nicheng}</li>
			<li class="give1 shijian{$v.id}"><span>{$v.btime|date="m-d H:i:s",###}</span></li>
			<li class="give1"><span class="dashang{$v.id}">打赏了￥{$v.zmoney} (最多)</span></li>
		</div>
            <span class="money">￥{$v.money}</span>
            <span class="time">{$v.time|date="m-d H:i",###}&nbsp&nbsp</span>
            <div class="gong"><a style="cursor:pointer;" onClick="shezhi({$v.id})">
			<img src="/Public/index/images/12123.png">
			</a></div>
        </div>
</div><br/>
</foreach>

<div style="text-align:center;">{$page}</div>
<!---->
<script>
   
   function xiangqing(i,e){
   
    
	 
	 $.post("{:U('Order/xiangqing')}",{'id':i},function(re){
	   
	     $('.touxiang'+e).html('<img src="'+re.touxiang+'"/>');
	       $('.nicheng'+e).html(re.nicheng);
		   $('.shijian'+e).html(re.time);
	      $('.dashang'+e).html('打赏了￥'+re.money);
	  })
	 
   
  
   
   
   }

</script>
<div id="content1" style="display:none;">
    <div id="nav1">
        <div class="tixian">
		<input type="radio" class="btn1" name="type" value="0">
		   <div class="money">
		   	<span class="number">1</span>&nbsp;&nbsp;<span class="desc">最低限额打赏</span>&nbsp;&nbsp;<input type="text" value="" class="btn3" id="suiji">
		   </div>
		  <input type="radio" class="btn2" name="type" value="1">
		  <div class="money1">
		  	<span class="number">2</span>&nbsp;&nbsp;<span class="desc">固定金额打赏</span>&nbsp;&nbsp;<input type="text" value="{$Think.session.guding}" class="btn3" id="guding">
		 </div>
        </div>
        <div class="reward1">
            <p>Tips:偷拍Ta的照片发送给Ta,打赏才能看！</p>
			<div class="btn">
			 <input type="submit" class="dashang1" onClick="dosubmit()" value="提交">
			  <input type="submit" class="dashang2" style="cursor:pointer;" onClick="guanbi()" value="关闭">
			  <input type="submit" class="dashang3" onClick="del()" value="删除">
			</div>
        </div>
    </div>
</div>


</body>
</html>

<script>

  var id="";

  function shezhi(i){
  
    $.post("{:U('Order/shezhi')}",{"id":i},function(re){
	
	 // $('#suiji').value({$Think.session.suiji});
	
	  $('#content1').css('display','block');
	   id=i;
	
	})
  
  
  
  }
  
  
  function guanbi(){
    
	$('#content1').css('display','none');
  
  }
  
  
  function del(){
  
     $.post("{:U('Order/del')}",{"id":id},function(re){
	 
	   if(re==1){
	     
		 alert('删除成功');
		 location.reload();
	   
	   }else{
	   
	     alert('删除失败');
	   }
	 
	 })
  
  }
  
  function dosubmit(){
  
     var suiji=$('#suiji').val();
	 
	 var guding=$('#guding').val();
	 
	// var id="{$buyer.pid}";
	 
	 var type= $('input[name=type]:checked').val();
     
	 $.post("{:U('Only/shezhi')}",{"guding":guding,"suiji":suiji,"id":id,"type":type},function(re){
	    
		if(re==1){
		  
		 
		
		  
		  alert('设置成功');
		  
		  location.reload();
		  
		}else{
		
		  alert('设置失败');
		}
	    
	 })
  
  
  
  }
  
 

</script>